<template>
	<view class="empty">
		<image src="../../../static/images/common/empty.png" mode="aspectFill" class="empty_image"></image>
		<view class="text">
			{{text}}
		</view>
		<view>
			<slot></slot>
		</view>
	</view>
</template>

<script>
	export default {
		props:{
			text:{
				type:String,
				default:'竟然没有找车卡,请自己添加一个吧~'
			}
		},
		data() {
			return {

			};
		}
	}
</script>

<style lang="scss" scoped>
	.empty {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;

		.empty_image {
			width: 160upx;
			height: 160upx;
		}

		.text {
			height: 60upx;
			line-height: 60upx;
			color: rgb(192, 196, 204);
			font-size: 14px;
		}
	}
</style>
